<%@ Page Language="VB" AutoEventWireup="false" CodeFile="ReportPage.aspx.vb" Inherits="ReportPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Report Viewer</title>
     <link href="project.css" rel="stylesheet" type="text/css" id="stylesheet" />  
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="animatedcollapse.js"></script>

    <script type="text/javascript">

        animatedcollapse.addDiv('summarydiv', 'fade=1,height=<%=CalcSummaryHeight() %>px')
        animatedcollapse.addDiv('injuriesdiv', 'fade=1,height=<%=CalcInjuriesHeight() %>px')
        animatedcollapse.addDiv('trainingsdiv', 'fade=1,height=<%=CalcTrainingsHeight() %>px')
        //animatedcollapse.addDiv('playersdiv', 'fade=1,height=<%=CalcPlayersHeight() %>px')
        animatedcollapse.addDiv('season1div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')
        animatedcollapse.addDiv('season2div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')
        animatedcollapse.addDiv('season3div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')
        animatedcollapse.addDiv('season4div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')
        animatedcollapse.addDiv('season5div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')
        animatedcollapse.addDiv('season6div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')
        animatedcollapse.addDiv('season7div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')
        animatedcollapse.addDiv('season8div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')
        animatedcollapse.addDiv('season9div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')
        animatedcollapse.addDiv('season10div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')
        animatedcollapse.addDiv('season11div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')
        animatedcollapse.addDiv('season12div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')
        animatedcollapse.addDiv('season13div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')
        animatedcollapse.addDiv('season14div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')
        animatedcollapse.addDiv('season15div', 'fade=1,height=<%=CalcSeasonsHeight() %>px')


        animatedcollapse.ontoggle=function($, divobj, state)
        { //fires each time a DIV is expanded/contracted
	//$: Access to jQuery
	//divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
	//state: "block" or "none", depending on state
        }

        animatedcollapse.init()

    </script>
</head>


<body>
    <form id="form1" runat="server">
             
    <hr style="margin: 1em 0" />
    <a href="javascript:animatedcollapse.toggle('summarydiv')">Summary</a>
    <div id="summarydiv" runat="server" style="width: 900px; background: #E7FFCC; display:none">
        
    </div>
    
    
    <hr style="margin: 1em 0" />
    <a href="javascript:animatedcollapse.toggle('injuriesdiv')">Injuries</a>
    <div id="injuriesdiv" runat="server"  style="width: 1200px; background: #E7FFCC; display:none">
       
    </div>
    
    
    <hr style="margin: 1em 0" />
    <a href="javascript:animatedcollapse.toggle('trainingsdiv')">Trainings</a>
    <div id="trainingsdiv" runat="server"  style="width: 2300px; background: #E7FFCC; display:none">
        
    </div>
    
    
    <hr style="margin: 1em 0" />
    <a href="javascript:animatedcollapse.toggle('playersdiv')">Players</a>
    <div id="playersdiv" runat="server"  style="position:relative; width:2200px; height:150px; background: white;">
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season1div')">Season 1</a>
         <div id="season1div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season2div')">Season 2</a>
        <div id="season2div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season3div')">Season 3</a>
        <div id="season3div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season4div')">Season 4</a>
        <div id="season4div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season5div')">Season 5</a>
        <div id="season5div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season6div')">Season 6</a>
        <div id="season6div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season7div')">Season 7</a>
        <div id="season7div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season8div')">Season 8</a>
        <div id="season8div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season9div')">Season 9</a>
        <div id="season9div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season10div')">Season 10</a>
        <div id="season10div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season11div')">Season 11</a>
         <div id="season11div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season12div')">Season 12</a>
         <div id="season12div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season13div')">Season 13</a>
         <div id="season13div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season14div')">Season 14</a>
         <div id="season14div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
        
        &nbsp;&nbsp;<a href="javascript:animatedcollapse.toggle('season15div')">Season 15</a>
         <div id="season15div" runat="server"  style="position:relative; left:30px; width:<%=CalcSeasonWidth() %>px; background: #E7FFCC; display:none">
        
        </div>
        <br />
    </div>
    
    </form>
</body>
</html>
